<!--  -->
<template>
<!-- 侧边栏 -->
  <el-aside class="home_aside" width="200px">
    <el-menu 
      unique-opened
      class="el-menu-vertical-demo"
      background-color="#333744"
      text-color="#fff"
      active-text-color="#ffd04b"
      v-for="(item,index) in menuLists" :key="item.id">
      <!-- 一级菜单 -->
      <el-submenu :index="index + ''" >
        <!-- 一级菜单的内容 -->
        <template slot="title">
          <i class="iconfont" :class="iconArray[index]"></i>
          <span>{{item.authName}}</span>
        </template>
          <!-- 二级菜单 -->
          <el-menu-item v-for="(list,i) in item.children" 
          :index="i+''" class="el-icon-menu">{{list.authName}}
          </el-menu-item>
      </el-submenu>
    </el-menu>
  </el-aside>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）

export default {
 components: {},
  data(){
    return {
      menuLists:null,
      iconArray:['icon-user','icon-tijikongjian','icon-shangpin','icon-danju','icon-baobiao']
    }
  },
 computed: {},
 //监控data中的数据变化
 watch: {},
 //生命周期 - 创建完成（可以访问当前this实例）
 created() {
 
 },
 //生命周期 - 挂载完成（可以访问DOM元素）
 mounted() {
 
 },
 methods: {
 
 },
}
</script>
<style scoped>
</style>